@charset "utf-8";
/* CSS Document */

html{ font-family: sans-serif; -webkit-text-size-adjust: 100%;}
*{ -webkit-box-sizing: border-box; box-sizing: border-box;
    -webkit-user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
body{ margin:0px; padding:0px; 
	font-size: 17px;line-height: 21px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	-webkit-overflow-scrolling: touch; 
}
div, p, img, ul, li, span, form, dl, dt, dd { border: 0px; margin: 0px; padding: 0px; list-style: none; }
table, tr, td { margin: 0px; padding: 0px; list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{ display: block;}

a{ text-decoration: none; color: #007aff; border:none; border:0px; cursor:pointer;}
a:active,a:hover{ color: #0062cc; outline: 0;}
sub,sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup{ top: -.5em;}
sub{ bottom: -.25em;}
h1{ font-size: 2em; margin: .67em 0;}
mark{ color: #000; background: #ff0;}
small{ font-size: 80%;}
button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;

    color: inherit;
}

button
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer;

    -webkit-appearance: button;
}

button[disabled],
html input[disabled]
{
    cursor: default;
}

input
{
    line-height: normal;
}

input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

input[type='search']
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;

    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}
.clear{ clear:both; height:0px; line-height:0px;}

.regbg{ background:url(../images/regbg.jpg) no-repeat; background-size: cover;}
.blackbg{ background-color:#000; background-size: cover;}
button,html input[type='button'],input[type='reset'],input[type='submit']{ cursor: pointer; -webkit-appearance: button; border:none; border:0px;}

/* content */

.mui-bar{ position: fixed;z-index: 999;right: 0;left: 0; height: 44px; 
	padding-right: 10px; padding-left: 10px; border-bottom: 0;
    background-color: #f95c1d;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mui-bar-nav{ top: 0;
    -webkit-box-shadow: 0 1px 6px #ccc;
            box-shadow: 0 1px 6px #ccc;
}
.mui-bar .mui-title{ right: 40px; left: 40px; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis;}
.mui-title{ font-size: 17px; font-weight: 500; line-height: 44px; position: absolute; display: block;width: 100%; margin: 0 -10px; padding: 0; text-align: center; white-space: nowrap; color: #fff; letter-spacing:2px;}
.mui-title a{ color: inherit;}
.mui-bar .mui-ico{ line-height:44px; height:44px;}

.mui-content{ -webkit-overflow-scrolling: touch;}
.mui-bar-nav ~ .mui-content{ padding-top: 44px;}
.mui-bar-footer ~ .mui-content{ padding-bottom: 88px;}

.mui-bar-footer{ bottom: 0;}
.mui-bar.mui-bar-footer{ background-color:#0a8e89; height:60px; line-height:60px;}
.mui-bar .ico-yudo,.mui-bar .ico-yudohov{ width:25%; text-align:center; background-size:contain; font-size:14px; cursor:pointer;}
.mui-bar a.ico-yudo:hover{ background:url(../fonts/ico-yudohov.png) no-repeat center center;  width:25%; background-size:contain;}

.mui-bar-footer-secondary{ bottom:60px; z-index:3;}
.mui-bar.mui-bar-footer-secondary{ background-color:transparent; height:110px; background:url(../images/lunpan.png) no-repeat center center; background-size:contain; border:none; -webkit-box-shadow:none; box-shadow: none;
}

.mui-bar-footer-input{ bottom:60px;}
.mui-bar.mui-bar-footer-input{ height:44px;  border:none; -webkit-box-shadow:none; box-shadow: none; background-color:#11a39d;}

.opennav{ bottom:60px; z-index:1000; width:120px; background-color:#0a8e89; right:0; left:auto; position:fixed; border:none; -webkit-box-shadow:none; box-shadow: none; display:none;}
.opennav a{ display:block; color:#fff; padding:10px;}
.opennav a + a{ border-top:1px solid #08706C;}
.opennav a:hover{ background-color:#087b77;}

.lunpan{ width:328px; height:110px; position:relative; margin:0 auto; overflow:hidden;}
.lunpan a{ cursor:pointer;}
@media (max-width:328px) {
.lunpan .ico-loghov{ position:absolute; top:24px; left:11px;}
.lunpan .ico-guijhov{ position:absolute; top:-1px; left:58px;}
.lunpan .ico-yujhov{ position:absolute; top:-1px; left:120px;}
.lunpan .ico-zhalhov{ position:absolute; top:2px; left:171px;}
.lunpan .ico-fangthov{ position:absolute; top:24px; left:212px;}	
}
@media (min-width:329px) {
.lunpan .ico-loghov{ position:absolute; top:24px; left:23px;}
.lunpan .ico-guijhov{ position:absolute; top:0px; left:71px;}
.lunpan .ico-yujhov{ position:absolute; top:-1px; left:133px;}
.lunpan .ico-zhalhov{ position:absolute; top:2px; left:186px;}
.lunpan .ico-fangthov{ position:absolute; top:26px; left:228px;}
}
.ico-loghov{ width:76px; height:70px; background-size:cover; display:block;}
.ico-guijhov{ width:74px; height:65px;  background-size:cover; display:block;}
.ico-yujhov{ width:65px; height:50px;  background-size:cover; display:block; }
.ico-zhalhov{ width:74px; height:65px;  background-size:cover; display:block;}
.ico-fangthov{width:76px; height:70px; background-size:cover; display:block;}

.ico-loghov:hover{ background:url(../images/ico-loghov.png) no-repeat center center;}
.ico-guijhov:hover{ background:url(../images/ico-guijhov.png) no-repeat center center;}
.ico-yujhov:hover{ background:url(../images/ico-yujhov.png) no-repeat center center;}
.ico-zhalhov:hover{ background:url(../images/ico-zhalhov.png) no-repeat center center;}
.ico-fangthov:hover{ background:url(../images/ico-fangthov.png) no-repeat center center;}

.mui-text-left{ text-align: left !important;}
.mui-text-center{ text-align: center !important;}
.mui-text-justify{ text-align: justify !important;}
.mui-text-right{ text-align: right !important;}
.mui-pull-left{ float: left;}
.mui-pull-right{ float: right;}

.opacity60{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.btn{ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height:2.5em; line-height:28px; font-size:16px; -moz-box-shadow:0px 0px 6px #666 inset;  -webkit-box-shadow:0px 0px 6px #666 inset;  box-shadow:0px 0px 6px #666 inset;}
img{ height: auto; width: auto\9; width:100%;} 
time{ display:block;}
.mask{ position:absolute; width:100%; height:100%; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index:10;}

.fancbox{ width:90%; clear:both; position:absolute; top:40%;left:0px; right:0px; margin:0 auto; z-index:99; overflow:hidden; background-color:#f1f1f1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
-webkit-box-shadow:0 0 10px #666;  -moz-box-shadow:0 0 10px #666;  box-shadow:0 0 10px #666;  
}
.fcontent{ padding:10px; text-align:center; margin-bottom:40px;}
.fcontent .tit{ font-size:16px; font-weight:bold; margin:5px auto; display:block;}
.fcontent .text{ font-size:15px; line-height:22px;}
.fsurebtn{ border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px ; -webkit-border-radius: 0px 0px 6px 6px; background-color:#ccc; display:block; width:100%; position:absolute; bottom:0px; height:40px; line-height:40px; cursor:pointer; font-size:17px;}
.fsurebtn:hover{ background-color:#999;}

input,
textarea,
select
{
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 17px;

    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
input:focus,
textarea:focus,
select:focus
{
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only;
}

select,
textarea,
input[type='text'],
input[type='search'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='tel'],
input[type='color']
{
    line-height: 21px;

    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    padding: 10px 15px;

    -webkit-user-select: text;

    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    outline: none;
    background-color: #fff;

    -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type='search']
{
    font-size: 16px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 34px;

    text-align: center;

    border: 0;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .1);
}

input[type='search']:focus
{
    text-align: left;
}

textarea
{
    height: auto;

    resize: none;
}

select
{
    font-size: 14px;

    height: auto;
    margin-top: 1px;

    border: 0 !important;
    background-color: #fff;
}
select:focus
{
    -webkit-user-modify: read-only;
}
.lunpan a.ico-pullsms{ margin:0 auto; position:absolute; bottom:-9px; left:0px; right:0px; background-size:contain; display:block; height:30%;}
.lunpan a.ico-pullsms span{ left:0px;right:0px; margin:0 auto; text-align:center; position:absolute; top:-7px; padding-left:20px; display:block; overflow:hidden;}
.lunpan a.ico-pullsms span.sup{ font-size:12px; color:#f00;}
.lunpan a.ico-pullsms:hover{ background:url(../fonts/ico-pullsms-hov.png) no-repeat center center; height:30%; background-size:contain; display:block;}

































































